<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	    <meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1" id="viewport" name="viewport" />
	    <meta content="yes" name="apple-mobile-web-app-capable" />
	    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
	    <meta content="telephone=no" name="format-detection" />
	    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
	    <link rel="stylesheet" type="text/css" href="css/style.css"/>
		<title>校咖汇</title>
	</head>
	<body id="allModel">
		<script src="js/mui.min.js"></script>
		<script src="js/template.js"></script>
		<script id="modelContent" type="text/html">
			<div class="mui-content leader-box">
			    <figure>
			    	<img src={{logo}} />
			    </figure>
			    <button class="mui-btn enter-btn">开启校咖汇</button>
			</div>
		</script>
		<script>
			(function($){
				mui.init();
				//页面数据
				myData = {
					logo:"img/logo.png"
				};
				var data = template('modelContent',myData);
				document.getElementById('allModel').innerHTML = data;
				
				//禁用滚动条
				document.getElementsByTagName('body')[0].addEventListener('touchmove', function (e) {
				  e.preventDefault();
				});
				
				//主体窗口高度
				var mainHeight = window.screen.availHeight;
				document.querySelector('.leader-box').style.height = mainHeight +"px";
			})(mui);
		</script>
	</body>
</html>
